<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog 
  check_info" style="background-color: #fafafa; ">
  <div class="kmi-header-row">
      <div class="header-title" ng-bind="'check_info.title' | translate"></div>
      <div class="kmi-side-btn right" ng-click="dialog.back();">
          <img src="image/icons/clear.png"></img>
          <div class="kmi-can-click"></div>
      </div>
  </div>
  <div class="kmi-layout-main-content">
    <div class="kmi-layout-page"> 
      <div class="content-row">
        <div class="image-report">
          <div class="pic-list" ng-if="dialog.picSrcArray.length != 0">
            <div class="pic-item" ng-repeat="pic in dialog.picSrcArray track by $index">
              <div class="pic-item-title">
                  <span style="color:white;margin:0px;position:absolute;top:10px;left:10px;">{{'#'+($index+1)}}</span>
                  <button class="mdl-button mdl-button--icon pic-delete" ng-click="dialog.pic_delete($index);">
                          <img src="image/icons/close.png"></img>
                  </button>
              </div>
              <img class="pic-img" ng-src="{{'data:image/jpeg;base64,'+pic}}" ng-click="dialog.pic_open($index)">
            </div>
          </div>
          <img class="pic-background" src="image/icons/picture.png" ng-if="dialog.picSrcArray.length == 0">
        </div>
      </div>
      <div class="btn-panel">
        <div style="display: flex;flex: 0 0 50%;">
            <button class="mdl-button mdl-js-button mdl-button--icon mdl-button--icon_prime" ng-click="dialog.pic_add($event);">
                <img src="image/icons/add.png"></img>
            </button>
        </div>
        <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.confirm()"
                     style="width:100px;position:absolute;right:0px;top:4px;">
          <label ng-bind="'common.btn.confirm' | translate"></label>
          <div class="kmi-can-click"></div>
        </div>
      </div>
    </div>
  </div>
</div>